@charset "utf-8";

@function r($px){
    @return ($px/40) * 1rem;
}
@function px($px){
    @return ($px/2) * 1px;
}   
#web{
    width: r(750);
    height: 100%;
    position: relative;
}
header{
    border: 1px solid transparent;
    width: 100%;
    height: 61.5px;
    .back{
        margin-left: px(23);
        margin-top: px(48);
        font-size: px(26);
        text-align: center;
        line-height: px(55);
        width: px(122);
        height: px(55);
        border: 1px solid #ff9344;
        border-radius: 17px;
    }
    .fenlei-p{
        display: inline-block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin-top: px(62);
        font-size: px(26);
        text-align: center;
        p{
            display: inline-block;
        }
    }
    .selectbar{
        font-size: 0;
        margin-right: px(20);
        margin-top: px(45);
        width: px(62);
        height: px(55);
        img{
            width: 100%;
        }
    }
}
.session{
    
    position: absolute;
    top:63.5px;
    bottom: px(136);
    left: 0;
    right: 0; 
     //纵向滚动
     overflow-y: scroll;
    //弹性滚动
    -webkit-overflow-scrolling: touch;
    .login{
        height: r(168);
        position: relative;
        img{
            position:absolute ;
            top: 0;
            left: px(23);
            width: r(168);
            height: r(168);
        }
        
        .login-p1{
            line-height:r(100);
            margin-left: r(250);
            font-size: px(30);
        }
        .login-p2{
            margin-left: r(250);
            font-size: px(26);
            color: #9d9d9d;
        }
        .login-p3{
            top: r(34);
            position: absolute;
            right: r(20);
            font-size: px(87);
        }
    }
    .my{
        margin-top: r(28);
        justify-content: space-around;
        display: -webkit-flex;
        display: flex;
        div{
            width: r(195);
            height: r(149);
            p{
                margin-top: r(112);
                font-size: px(26);
                text-align: center;
            }
        }
        .dp{
            background: url(../img/mine_10.png);
            background-size: 100%;
        }
        .sc{
            background: url(../img/mine_12.png);
            background-size: 100%;
        }
        .yh{
            background: url(../img/mine_14.png);
            background-size: 100%;
        }
    }
    .iconfont{
       font-size: 16px;
      color: #ff9344;
  }
    .common-top{
       margin-top: r(35);
       p{
           margin-right: r(18);
           margin-top: r(21);
           display: inline-block;
           float: right;
           font-size: px(24);
       }
      
       img{
          margin-left: r(23);
          vertical-align: middle;
       }
      
       h3{
           display: inline-block;
           font-size: px(30);
       }
       .logo1{
           img{
               width: r(54);
               height: r(72);
           }
       }
       .logo2{
           img{
               width: r(70);
               height: r(73);
           }
       }
       .logo3{
           img{
               width: r(93);
               height: r(57);
           }
       }
       .logo4{
           img{
               width: r(59);
               height: r(59);
           }
       }
       .logo5{
           img{
               width: r(77);
               height: r(78);
           }
       }
       .logo6{
           img{
               width: r(82);
               height: r(58);
           }
       }
     }
     button{
         margin-top:r(35);
         background: #FF9344;
         color: white;
         width:r(148);
         height: r(75);
         border-radius: r(35);
     }
     .exit{
         margin-left: r(107);
     }
     .zx{
         margin-left: r(235);
     }
}
footer{
    width:r(750);
    height: px(136);
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 0;
    li{
        margin-top: px(17);
        text-align: center;
        width: 25%;
        a{
            color:black;
        }
        p{
            font-size:px(26);
        }
    }
}